<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            background-image: url("../img/bg.png");
        }
        .center{
            background: white;
            width: 400px;
            text-align: center;
            margin: auto;
        }
    </style>
</head>
<body>
    <!--logn图片-->
    <div class="logn"><img src="../img/logo.png" /></div>
    <!--中间部分-->
    <div class="center">
        <div class="top">注册详情</div><hr>
            <form action="#" method="get" autocomplete="off">
                <div>
                    <label for="username">姓名:</label>
                        <input type="username" id="username" name="username"/>
                </div>
                <div>
                    <label for="password">密码:</label>
                        <input type="password" id="password" name="password"/>
                </div>
                <div>
                    <label for="email">邮箱:</label>
                        <input type="email" id="email" name="email"/>
                </div>
                <div>
                    <label for="tel">电话:</label>
                        <input type="tel" id="tel" name="tel"/>
                </div><hr/>
                <div>
                    <label for="sex">性别:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                        <input type="radio" id="sex" name="sex"value="men"/>男 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="radio" name="sex" value="women"/>女&nbsp;&nbsp;&nbsp;&nbsp;
                </div>
                <div>
                    <label for="hobby">爱好:&nbsp;</label>
                    <input type="checkbox" id="checkbox" name="hobby"value="music"/>音乐
                    <input type="checkbox" name="hobby"value="gram"/>游戏
                    <input type="checkbox" name="hobby"value="movies"/>电影
                </div>
                <div>
                    <label for="birthday">出生日期:</label>
                        <input  type="date"id="birthday" name="birthday">
                </div>
                <div>
                    省及市:&nbsp;
                    <select name="sheng">
                        <option>-所在省-</option>
                            <optgroup>
                                <option>湖南</option>
                                <option>湖北</option>
                            </optgroup>
                    </select>
                    <select name="city">
                        <option>-所在市-</option>
                            <optgroup>
                                <option>长沙</option>
                                <option>武汉</option>
                            </optgroup>
                    </select>
                </div><hr/>
                <div>
                    <label for="desc">个性签名:</label>
                        <textarea id="desc" name="desc" rows="5"cols="40"placeholder="留下你的足迹:"></textarea>
                </div>
                    <button type="submit">注册</button><button type="reset">重置</button>
            </form>
    </div>
</body>
</html>